<template>
  <h3>bloodDetails 输血</h3>
  <div class="mt10">
    <f-button @click="getInfo">获取输血成分信息</f-button>
    <f-blood-details edit ref="bloodDetailsRef" :queryDetails="queryDetails" :queryIndications="queryIndications" :layout="[['info', 'indication'], 'steps']" />
  </div>
</template>

<script setup>
import { ref } from 'vue';
const bloodDetailsRef = ref();
const getInfo = () => {
  const data = bloodDetailsRef.value.getBloodDetailVos();
  console.log(data);
};

const queryDetails = () =>
  new Promise((resolve) => {
    resolve({ data: {} });
  });
const queryIndications = () =>
  new Promise((resolve) => {
    resolve({ data: [] });
  });
</script>

<style lang="scss"></style>
